.acceptanceDetail {
	padding-bottom: 100rpx;
	.card {
		position: relative;
		padding: 32rpx;

		.head-img {
			width: calc(100% - 64rpx);
			height: 84rpx;
			box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(134, 144, 156, 0.1);
			position: absolute;
			z-index: -1;
			box-sizing: border-box;
		}

		.head-title {
			color: white;
			font-size: 28rpx;
			height: 64rpx;
			line-height: 64rpx;
			padding: 0 20rpx;
		}

		.title {
			display: flex;
			justify-content: space-between;
			padding: 20rpx;
			font-size: 24rpx;
			background: white;
			border-radius: 20rpx 20rpx 0 0;
			position: relative;
			z-index: 1;

			.tag {
				display: flex;
				gap: 10rpx;

			}

			.link {
				color: $uni-color-primary;
			}
		}
	}

	.white-desc {
		background: white;
		padding: 32rpx;
		margin-bottom: 32rpx;
		font-size: 24rpx;

		.desc-title {
			font-size: 32rpx;
			color: rgba(0, 0, 0, 0.9);
			margin-bottom: 20rpx;
		}

		.text {
			font-size: 24rpx;
			color: #86909C;
			border: 2rpx solid #F6F8FA;
			line-height: 30rpx;
			padding: 20rpx;
			box-sizing: border-box;
		}
	}

	.img-list {
		display: flex;
		gap: 40rpx;
		flex-wrap: wrap;

		image,
		video {
			width: 160rpx;
			height: 160rpx;
			border-radius: 12rpx;
		}

	}

	.btn {
		height: 160rpx;
		display: flex;
		gap: 40rpx;
		position: fixed;
		bottom: 0;
		width: 100vw;
		background: white;
		padding: 32rpx 32rpx 0;
		box-sizing: border-box;

		>view {
			flex: 1;
			width: 312rpx;
			height: 80rpx;

			border-radius: 12rpx 12rpx 12rpx 12rpx;
			text-align: center;
			line-height: 80rpx;
		}

		.refuse {
			background: #F6F8FA;
		}

		.pass {
			background: $uni-color-primary;
			color: white;
		}
	}

	.textarea-box {
		position: relative;
		padding: 32rpx;

		textarea {
			background: #F6F8FC;
			border-radius: 24rpx;
			width: 100%;
			min-height: 160rpx;
			padding: 20rpx 20rpx 50rpx;
			box-sizing: border-box;
		}

		.count {
			position: absolute;
			right: 50rpx;
			bottom: 50rpx;
			font-size: 24rpx;
			color: #999999;
		}
	}

	.comfirm {
		color: $uni-color-primary;
		position: absolute;
		top: 40rpx;
		right: 30rpx;
	}

	:deep(.wd-action-sheet__close) {
		right: unset;
		left: 30rpx;
		font-size: 32rpx;
	}
	:deep(.wd-message-box__container){
		height: 384rpx;
		display: flex;
		flex-direction: column;
		.wd-message-box__actions{
			flex: 1;
		}
		.wd-message-box__body{
			flex: 2;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.is-primary{
			background: $uni-color-primary;
		}
	}
}